$f-temp-modal-tips-content-gutter-left: #{$farris-modal-tips-content-gutter-left +
 $farris-modal-tips-icon-size
}

;
$f-temp-modal-tips-content-gutter-right: #{$farris-modal-tips-content-gutter-right +
 $farris-icon-font-size
}

;

// 弹出窗口里的提示信息
.modal-tips {
    padding: $farris-modal-tips-gutter;

    .modal-tips-content {
        margin-top: $farris-modal-tips-content-gutter-top;
        margin-left: $f-temp-modal-tips-content-gutter-left;
        margin-right: $f-temp-modal-tips-content-gutter-right;
    }

    .modal-tips-title {
        color: $farris-modal-tips-title-color;
        font-size: $farris-modal-tips-title-font-size;
        line-height: $farris-modal-tips-title-line-height;
        font-weight: $farris-modal-tips-font-weight;
        margin: 0 0 $farris-modal-tips-title-margin-bt 0;
    }

    .toast-msg {
        margin: 0;
        word-break: break-all;
        font-size: $farris-modal-tips-only-msg-size;
        line-height: $farris-modal-tips-only-msg-line-height
    }

    .only-toast-msg {
        color: $farris-modal-tips-only-msg-color;
        font-size: $farris-modal-tips-only-msg-size;
        line-height: $farris-modal-tips-only-msg-line-height;
    }

    .toast-msg-title {
        margin: 0;
        word-break: break-all;
        font-size: $farris-modal-tips-only-msg-size;
        line-height: $farris-modal-tips-only-msg-line-height;
        color: $farris-modal-msg-title-color;
        margin-top: 1px;
    }

    .toast-msg-detail {
        word-break: break-all;
        color: $farris-modal-msg-title-detail-color;
        font-size: $farris-modal-tips-title-font-size;
        margin: $farris-modal-msg-title-gutter-bottom 0 0;
    }

    .modal-tips-iconwrap {

        .f-icon {
            font-size: $farris-modal-tips-icon-size;
            margin-right: $farris-modal-tips-content-gutter-right;
        }
    }

}

// 默认调用最大的按钮
.modal-footer {

    .btn,
    .k-button {
        @include f-footer-btn($farris-modal-footer-btn-font-size, $farris-modal-footer-btn-inner-gutter-y, $farris-modal-footer-btn-inner-gutter-x);
    }
}

.message-container {
    height: 8.75rem;
    display: flex;
    flex-direction: column;

    .btn {
        min-width: 3.75rem;
        margin: auto 0.3125rem;
    }
}

.farris-messager {
    display: flex;

    .icon {
        background-position: center 0.1875rem;
        background-size: 4.375rem;
        background-repeat: no-repeat;
        width: 4.375rem;
        height: 4.375rem;
    }

    .msg {
        flex: 1 1 auto;
    }
}

//信息提示框样式
.modal-message {
    .modal-tips {
        padding: $farris-modal-message-tips-inner-gutter;

        &.messager-type-error {
            padding: $farris-modal-message-tips-has-title-inner-gutter;
        }

        .modal-tips-content {
            padding: 0;
        }

        .modal-tips-iconwrap {
            margin: 0;

            .f-icon {
                font-size: 1.625rem;
            }
        }
    }

    .modal-footer {
        background: #fff !important;
        box-shadow: none;
        border: none;
        padding: $farris-modal-message-tips-footer-inner-gutter;
    }

    .modal-cotnent--has-header .modal-tips {
        padding: $farris-modal-message-tips-has-title-inner-gutter;
    }
}

//覆盖modal样式
.modal.farris-modal {
    .modal-message {
        &.model-dialog-maximize {
            width: 60% !important;
            max-width: 50rem !important;
            height: auto !important;
            max-height: 60% !important;
            top: 0% !important;
            left: 0% !important;
            margin: 0 !important;
        }

        .modal-body {
            padding: 0;
        }
    }
}